$(function () {

let login =  document.querySelector('#link_reg')
let reg  = document.querySelector('#link_login')
let login_box = document.querySelector('.login-box')
let reg_box = document.querySelector('.reg-box')


login.addEventListener('click',function(){
    login_box.style.display= 'none'
    reg_box.style.display = 'block'
})
reg.addEventListener('click',function(){
    login_box.style.display = 'block'
    reg_box.style.display = 'none'
})


layui.use('form', function () {
    var form = layui.form;

    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ]
    });

    //各个基于事件的操作，下面会有进一步介绍
    form.on('submit(*)', function (data) {
        console.log(data.elem); //被执行事件的元素DOM对象
        console.log(data.form);  //被执行提交的from对象
        console.log(data.field);  //当前容器的全部表单字段
//注册页面
        axios.post('/api/reguser',`username=${data.field.username}&password=${data.field.password}`)
        .then(res => { 
            console.log(res)
            if (res.data.status !==0 ) {
              return layer.msg('注册失败,用户名被占用,请更换其他用户名');
              
            } layer.msg('注册成功');
            
                
        })
        return false; //阻止表单跳转
    });

    //登录页面
    form.on('submit(#)', function (data) {
        console.log(data.elem); //被执行事件的元素DOM对象
        console.log(data.form);  //被执行提交的from对象
        console.log(data.field);  //当前容器的全部表单字段
        axios.post('/api/login',`username=${data.field.username}&password=${data.field.password}`)
        .then(res => { 

            console.log(res);
            if (res.data.status !==0) {
          return   layer.msg('登录失败'); 
            }
                 layer.msg('登录成功');  
             location.assign('http://127.0.0.1:8080/')
               
                
        })
        return false; //阻止表单跳转
    });
}); 


})